<%@include file="header.jsp"%>
<script>
$('#navbarCollapse ul li').removeClass('active');
</script>
<div class="container s1">
	<div class="section">
		<div class="container">
		<div class="row">
			<div class="col-lg-6">
			<div class="panel panel-success">
				<div class="panel-heading">
					<h4 class="panel-title">Register With MicroCampus</h4>
				</div>
				<div class="panel-body">
					<form role="form" method="post" action="<c:url value="/service/register-user" />">
						<div class="form-group">
								<div class="input-group input-padding col-xs-12">
									<label for="name">First Name</label> 
									<input type="text" class="form-control" placeholder="First Name" name="firstName">
								</div>
								<div class="input-group input-padding col-xs-12">
									<label for="name">Last Name</label> 
									<input type="text" class="form-control" placeholder="Last Name" name="lastName">
								</div>
								<div class="input-group input-padding col-xs-12">
									<label for="name">Email</label> 
									<input type="text" class="form-control" placeholder="Email" name="email">
								</div>
								<div class="input-group input-padding col-xs-12">
									<label for="name">Mobile No.</label> 
									<input type="text" class="form-control" placeholder="Mobile No." name="mobileNumber">
								</div>
								<div class="input-group input-padding col-xs-12" >
									<label for="name">Password</label> 
									<input type="password" class="form-control" placeholder="Password" name="password">
								</div>
								<div class="input-group input-padding col-xs-12">
									<label for="name">Confirm Password</label> 
									<input type="password" class="form-control" placeholder="Confirm Password">
								</div>
								<div class="input-group input-padding col-xs-12">
									<button type="submit" class="btn btn-success">Register</button>
									<button type="submit" class="btn btn-warning">Cancel</button>
								</div>
						</div>
					</form>
				</div>
			</div>
			</div>
			<div class="col-lg-6">
					<h4>Why Register With Us</h4>
					<p>Watch Video to see what happens if you register with us.</p>
					<div class="embed-responsive embed-responsive-4by3">
						<iframe class="embed-responsive-item" src="//www.youtube.com/embed/zpOULjyy-n8?rel=0"></iframe>
					</div>
				</div>
		</div>
		</div>
	</div>
</div>
<%@include file="static/footer.jsp"%>